<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- ===== Site Title===== -->
<title>高分疾病控制</title>
<!-- ===== Bootstrap ===== -->
<link rel="stylesheet" href="css/amazeui.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- ===== Preloader ===== -->
<link rel="stylesheet" href="css/preloader.css">
<!-- ===== Responsive CSS ===== -->
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/item.css">
<script src="js/jquery.min.js"></script>

<!-- [===== if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
<![endif]===== -->
</head>

<body>
<!-- ===== preloader ===== -->
<div class="preloaders">
  <div class="preloaders-gif">&nbsp;</div>
</div>
<!-- ===== Header ===== -->
<header id="home">

<!-- ===== Over color Image ===== -->
<div class="background-overlay">
		<!-- ===== Sticky Navigation ===== -->
    <div class="navbar-inverse bs-docs-nav nav-bar-fiexd-top sticky-navigation bgc-two">
      <div class="container">
        <!-- ===== Navigation Menu ===== -->
        <div class="navbar-collapse collapse" id="onepage-navigation">
          <ul class="nav navbar-nav  navbar-left main-navigation">
            <li><a href="index.html" class="indexTitle">高分疾病预防控制遥感信息服务库</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right main-navigation">
            <li><a href="index.html">首页</a></li>
            <li><a href="item.html">平台简介</a></li>
            <li><a href="data.html">元数据</a></li>
            <li><a href="theme1.html">专题服务</a></li>
            <li><a href="guide.html">用户指南</a></li>
            <li><a href="#section-testimonial" data-toggle="modal" data-target="#exampleModalLogin">登录</a></li>
            <div class="modal fade" id="exampleModalLogin" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">登录</h4>
                  </div>
                  <div class="modal-body">
                    <form>
                      <div class="form-group">
                        <!-- <label for="recipient-name" class="control-label">用户名:</label> -->
                        <input type="text" class="form-control" id="recipient-name" placeholder="用户名">
                      </div>
                      <div class="form-group">
                        <!-- <label for="message-text" class="control-label">密码:</label> -->
                        <input type="text" class="form-control" placeholder="密码">

                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <span style="float:left">
                      <input type="checkbox" value="记住密码"/><span style="padding-left:5px;color:#666;">记住密码</span>
                    </span>
                    <button type="button" class="btn btn-primary" type="submit">确定</button>
                  </div>
                </div>
              </div>
            </div>
             <li class="register"><a href="#section-contact" data-toggle="modal" data-target="#exampleModalRegister">注册</a></li>
             <div class="modal fade" id="exampleModalRegister" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
             <div class="modal-dialog" role="document">
             <div class="modal-content">
               <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="exampleModalLabel">注册</h4>
        </div>
               <div class="modal-body">
          <form>
            <div class="form-group">
              <!-- <label for="recipient-name" class="control-label">用户名:</label> -->
              <input type="text" class="form-control" id="recipient-name" placeholder="用户名">
            </div>
            <div class="form-group">
              <!-- <label for="message-text" class="control-label">密码:</label> -->
              <input type="text" class="form-control" placeholder="密码">

            </div>
            <div class="form-group">
              <!-- <label for="message-text" class="control-label">密码:</label> -->
              <input type="text" class="form-control" placeholder="确认密码">

            </div>
          </form>
        </div>
                <div class="modal-footer" style="text-align:center;">
          <button type="button" class="btn btn-primary" type="submit">注册</button>
        </div>
            </div>
             </div>
           </div>
          </ul>
        </div>

      </div>
    </div>
		<!-- ===== End Sticky Navigation ===== -->
	<!-- ===== Welcome ===== -->
	<div class="container">

		<div class="row">

			<div class="col-md-10 col-md-offset-1 distance-header">

				<h1>
                    <strong>卫计委</strong>
				</h1>
				<div class="underline"></div>
				<h1>
                  高分疾病预防控制遥感信息服务库
				</h1>
        <!-- ===== Call To Action Button ===== -->
        <div id="call_to_action-5" class="distance-button">
        <a href="#section-about" class="btn standard-button">O</a>
        </div>
			</div>
		</div>
	</div>
	<!-- ===== End Welcome ===== -->
</div>
</header>


<!-- ===== Section one ===== -->
<div id="section-about"></div>
<section class="section-about bgc-one section-one">
<div class="container Service">
    <h2 style="text-align:center;color:#F9BF3B;">专题服务</h2>
    <div class="underline"></div>
	  <div class="row abc">
      <div class="col-md-12">
        <div>
        <div class="pull-left words">
          <div class="midd">
            <h4>血吸虫病高分遥感监测与评估子系统</h4>
            <p>血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型</p>
          </div>
        </div>
        <div class="pull-left picture">
          <img src="images/xuexichong.png" alt="Feature" class="img-responsive">
        </div>
     </div>
      </div>
      <div class="col-md-12" >
        <div>
          <div class="pull-left picture">
            <img src="images/wen1.png" alt="Feature" class="img-responsive">
          </div>
          <div class="pull-left words">
            <div class="midd">
              <h4>血吸虫病高分遥感监测与评估子系统</h4>
              <p>血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型</p>
            </div>
          </div>

          </div>

        </div>
      </div>
	</div>

</div>

</section>

<!-- ===== Section two ===== -->
<section id="section-video" class="section-video bgc-yellow">

<div class="container Service">

	<!-- ===== Video ===== -->
  <div class="row abc">
    <div class="col-md-12">
      <div>
      <div class="pull-left words">
        <div class="midd">
          <h4>洪涝卫生应急监测与评估子系统</h4>
          <p>洪涝卫生应急监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括7种专题算法模型，以及7种专题产品</p>
        </div>
      </div>
      <div class="pull-left picture">
        <img src="images/hong.png" alt="Feature" class="img-responsive">
      </div>
    </div>
    </div>
    <div class="col-md-12" >
      <div>
        <div class="pull-left picture">
          <img src="images/mouse.png" alt="Feature" class="img-responsive">
        </div>
        <div class="pull-left words">
          <div class="midd">
            <h4>鼠疫高分遥感监测与评估子系统</h4>
            <p>鼠疫高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括6种专题算法模型，以及8种专题产品</p>
          </div>
        </div>

        </div>

      </div>
    </div>
</div>

</section>

<!-- ===== Section three ===== -->
<section id="section-features" class="section-features bgc-one">

  <div class="container Service">
    <div class="row abc">
      <div class="col-md-12">
        <div>
        <div class="pull-left words">
          <div class="midd">
            <h4>高速路健康高分遥感监测与评估子系统</h4>
            <p>高速路健康高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括11种专题算法模型，以及9种专题产品</p>
          </div>
        </div>
        <div class="pull-left picture">
          <img src="images/gaosu.png" alt="Feature" class="img-responsive">
        </div>
     </div>
      </div>
      <div class="col-md-12" >
        <div>
          <div class="pull-left picture">
            <img src="images/caikuang.png" alt="Feature" class="img-responsive">
          </div>
          <div class="pull-left words">
            <div class="midd">
              <h4>矿区健康高分遥感监测与评估子系统</h4>
              <p>矿区健康高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括12种专题算法模型，以及8种专题产品</p>
            </div>
          </div>

          </div>

        </div>
      </div>


  </div>
</section>

<!-- ===== Section four ===== -->
<section id="section-video" class="section-video bgc-yellow">

<div class="container Service">

  <div class="row abc">
    <div class="col-md-12">
      <div>
      <div class="pull-left words">
        <div class="midd">
          <h4>化工厂健康高分遥感监测与评估子系统</h4>
          <p>化工厂健康高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括12种专题算法模型，以及8种专题产品</p>
        </div>
      </div>
      <div class="pull-left picture">
        <img src="images/hua.png" alt="Feature" class="img-responsive">
      </div>
   </div>
    </div>
    <div class="col-md-12" >
      <div>
        <div class="pull-left picture">
          <img src="images/diZhenE.png" alt="Feature" class="img-responsive">
        </div>
        <div class="pull-left words">
          <div class="midd">
            <h4>地震卫生应急监测与评估子系统</h4>
            <p>地震卫生应急监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型，以及6种专题产品</p>
          </div>
        </div>

        </div>

      </div>
    </div>

</div>
</section>



<!-- ===== Footer ===== -->
<footer class="bgc-footer">
<div class="container">
	<div class="copyright-index">
     <p>高分疾病预防控制遥感信息服务库信箱：版权所有2017@All right reserved</p>
		 <a href="">技术支持：清华大学信息化技术中心 京ICP备06002729号-2</a>
	</div>
</div>
</footer>


<!-- ===== Script Javascript ===== -->
<script src="js/preloader.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
console.log($(".act li"));
// $(".act li").click(function(){
// $(this).style="color:red";
// })
</script>
</body>
</html>
